<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>Stickr - Beta</title>
		<script src="/stickr/mootools.v1.11.js"></script>
		<script src="/stickr/stickr.js"></script>		
		<style>
			@import "/stickr/css.css";
		</style>
	</head>
	<body>

	<div id="header">
		<!-- user menu -->
		<div id="user-menu">
			Weelcome back, <strong>Fulano</strong><br />
			<a href="#" onclick="return settings()">Settings</a>|<a href="#" onclick="return friends();">Friends</a>|<a href="">Blog</a>|<a href="">Help</a>|<a href="" class="last">Sign Out</a>
			<fieldset id="search">
				<input type="text" class="text" />
				<img src="/stickr/img/bt-search.gif" />
			</fieldset>		
		</div>
		<!-- logo -->
		<img src="/stickr/img/logo.gif" id="logo" />

		<!-- tab -->
		<ul id="menu"></ul>
	</div>

	<!-- workspace -->
	<div id="workspace"></div>	
	
	<div class="stick-options" id="stick-options" style="display:none">
		<div class="inner">
		<h4><a href="">x</a>Stickr Options</h4>
		<hr />
			<span>Select color:</span><br />
			<ul>
				<li class="color color1"><a href=""><span></span></a></li>
				<li class="color color2"><a href=""><span></span></a></li>
				<li class="color color3"><a href=""><span></span></a></li>
				<li class="color color4"><a href=""><span></span></a></li>
				<li class="color color5"><a href=""><span></span></a></li>										
			</ul>
		<hr />
		<ul>
			<li><a href="">Edit text</a></li>		
			<li><a href="">Set Alarm</a></li>
			<li><a href="">Select Stickr Type</a></li>
			<li><a href="">Share</a></li>
			<li><a href="">Delete Stickr</a></li>				
		</ul>
		</div>
		
	</div>	
	
	<!-- menu options -->
	<div class="menu-options" id="menu-options" style="display:none">
		<div class="inner">
			<h4>Tab Options</h4>
			<hr />
			<ul>
				<li><a href="#" onclick="tab_rename();return false">Rename Tab</a></li>		
				<li><a href="#" onclick="tab_delete();return false">Delete this tab</a></li>
				<li><a href="#" class="disabled">Move to left</a></li>
				<li><a href="#" class="disabled">Move to right</a></li>
				<li><a href="#" onclick="stick_new()">Create new Stickr</a></li>				
			</ul>	
			<hr />
			<span>Select tab icon:</span><br />
			<ul class="list-icons">
				<li class=""><a href=""><img src="/stickr/icons/calculator_link.png" /></a></li>
				<li class=""><a href=""><img src="/stickr/icons/calculator_link.png" /></a></li>
				<li class=""><a href=""><img src="/stickr/icons/calculator_link.png" /></a></li>
				<li class=""><a href=""><img src="/stickr/icons/calculator_link.png" /></a></li>
				<li class=""><a href=""><img src="/stickr/icons/calculator_link.png" /></a></li>
				<li class=""><a href=""><img src="/stickr/icons/calculator_link.png" /></a></li>
		
				<li class=""><a href=""><img src="/stickr/icons/calculator_link.png" /></a></li>
				<li class=""><a href=""><img src="/stickr/icons/calculator_link.png" /></a></li>
				<li class=""><a href=""><img src="/stickr/icons/calculator_link.png" /></a></li>
				<li class=""><a href=""><img src="/stickr/icons/calculator_link.png" /></a></li>
				<li class=""><a href=""><img src="/stickr/icons/calculator_link.png" /></a></li>
				<li class=""><a href=""><img src="/stickr/icons/calculator_link.png" /></a></li>
		
		
			</ul>
		</div>
	</div>	
	
	
	<div id="foreground" style="display:"></div>


	<form id="create-tab" style="display:none">
	<fieldset id="">
		<input type="text" id="tab_name" />
		<input type="button" id="btn1" />
	</fieldset>
	</form>
	
	<!-- confirm pop -->
	<form id="confirm" class="centered" style="display:none;">
	<fieldset>
		<p id="confirm_text">
			Texto...
		</p>
		<input type="button" id="yes" value="Yes" />
		<input type="button" id="no" value="No" />		
	</fieldset>
	</form>	

	<div id="saving" style="display:none">
		saving...
	</div>

	</body>
</html>
